<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <!-- This file has been downloaded from Bootsnipp.com. Enjoy! -->
    <title> ::: Cota&ccedil;&atilde;o de Compra</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Bootstrap -->
    <link  href="http://192.168.2.217:9191/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://192.168.2.217:9191/jquery/jquery-1.11.0.min.js"></script>
    <script src="http://192.168.2.217:9191/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript">
        function enviarDadosFormulario(){
            var objform = window.document.wfForm;
            objform.submit();
        }
    </script>
  <style type="text/css">
    body { padding-top: 10px; }
  </style>
</head>
<body>
<br>
<!-- Cabecalho da empresa -->
    <div class="container">
      <div class="well">
        <div class="thumbnail">
          <img src="http://192.168.2.217:9191/logo.png" alt="logo">
          <div class="caption">
            <h3>%cEmpresa%</h3>
          </div>
        </div>
        <h6>Cnpj: %cCNPJ% IE: %cIE%</h6>
        <h6>%cEndereco%</h6>
        <h6>%cCEP% %cCidade% %cUf%</h6>
        <h6>Telefone: %cTel% Fax: %cFax%</h6>
      </div>
    </div>
<!-- Dados do Pedido de Compras -->
<form action="mailto:%WFMailTo%" method="post" role="form"  class="form-inline" name="wfForm">
  <input type="hidden" name="cMailUser" id="cMailUser" value="%cMailUser%" />
  <input type="hidden" name="C8_NUM" id="C8_NUM" value="%C8_NUM%" />
  <input type="hidden" name="C8_FORNECE" id="C8_FORNECE" value="%C8_FORNECE%" />
  <input type="hidden" name="C8_LOJA" id="C8_LOJA" value="%C8_LOJA%" />
  <input type="hidden" name="C8_VALIDA" id="C8_VALIDA" value="%C8_VALIDA%" />
  <input type="hidden" name="pagam" id="pagam" value="%pagam%" />
  <div class="container">
  <div class="well">
      <h4>Cota&ccedil;&atilde;o: %c8_num% Validade: %c8_valida%</h4>
      <h6>Fornecedor: %A2_NOME%</h6>
      <div class="container-fluid">
            <!-- Table -->
         <div class="table-responsive">
            <table class="table table-hover">
              <!-- Monta cabecalho-->
              <tr class="info">
                <td>Item</td>
                <td>Produto</td>
                <td>Descri&ccedil;&atilde;o</td>
                <td>Un.Med.</td>
                <td>Quantidade</td>
                <td>Valor Unitario</td>
                <td>% Desconto</td>
                <td>Aliq.IPI</td>
                <td>Total</td>
                <td>Dias P/ Entrega</td>
              </tr> 
              <!-- Fim Cabecalho-->
              <tr>
                <td>%it.item%</td>
                <td>%it.produto%</td>
                <td>%it.descri%</td>
                <td>%it.UM%</td>
                <td>
                  <input type="hidden" name="it.PROPOSTA" id="it.PROPOSTA" value="%it.PROPOSTA%" />
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon">R$</span>
                    <input id="quant-%it.item%" type="text" class="form-control" value="%it.quant%" readonly>
                  </div>
                </td>
                <td>
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon">R$</span>
                    <input id="it.preco" name="it.preco" type="text" class="form-control" value="%it.preco%">
                  </div>
                </td>
                <td>
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon">%</span>
                    <input id="it.desc" name="it.desc" type="text" class="form-control" value="%it.desc%">
                  </div>
                </td>
                <td>
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon">%</span>
                    <input id="it.ipi" name="it.ipi" type="text" class="form-control" value="%it.ipi%">
                  </div>
                </td>
                <td>
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon">R$</span>
                    <input id="it.valor" name="it.valor" type="text" class="form-control" value="%it.valor%" readonly>
                  </div>
                </td>
                <td>
                  <div class="input-group input-group-sm">
                    <span class="input-group-addon">0</span>
                    <input id="it.prazo" name="it.prazo" type="text" class="form-control" value="%it.prazo%">
                  </div>
                </td>
              </tr>
            </table>
        </div><!-- table responsive -->
      </div><!-- container-fluid -->
      <div class="control-group">
         <button id="btnPesq" type="submit" onClick='enviarDadosFormulario()' class="btn btn-success"><span class="glyphicon glyphicon-ok"></span> Confirmar </button>
      </div>
    </div><!-- well -->
 </div> <!-- jumbotron -->
</form>
</body>
</html>